<template>
<div>
  <div class="mi-container">
    <el-breadcrumb id="mi" separator="/">
      <el-breadcrumb-item v-if="!this.$store.state.aim_type&&!this.$store.state.apparatus_type&&!this.$store.state.bodypart_type&&!this.$store.state.day_type&&!this.$store.state.grade_type">所有训练计划</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$store.state.aim_type">{{$store.state.aim_type}}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$store.state.day_type">{{$store.state.day_type}}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$store.state.apparatus_type">{{$store.state.apparatus_type}}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$store.state.bodypart_type">{{$store.state.bodypart_type}}</el-breadcrumb-item>
      <el-breadcrumb-item v-if="this.$store.state.grade_type">{{$store.state.grade_type}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
  <div class="planshow-container">
    <planshow-main></planshow-main>
  </div>

</div>
</template>

<script>
  import PlanShow from './PlanShow'
    export default {
        name: "PlanContainer",
      data(){
          return{
            info:[{"img_url":"https://w2.dwstatic.com/yy/ojiastoreimage/b3c787f7b6ad60524a90e03df452c47a.jpg?imageview/0/w/222/h/122","name":"计划1","biaoyu":"标语1","week":"5","day":"5"},
              {"img_url":"https://w2.dwstatic.com/yy/ojiastoreimage/b84036b71b5f8ae4d18d518d7e22023c.jpg?imageview/0/w/222/h/122","name":"计划1","biaoyu":"标语1","week":"5","day":"5"},
              {"img_url":"https://w2.dwstatic.com/yy/ojiastoreimage/b5b16610a9fe62bc8a7c98b9b617607a.jpg?imageview/0/w/222/h/122","name":"计划1","biaoyu":"标语1","week":"5","day":"5"},
              {"img_url":"https://w2.dwstatic.com/yy/ojiastoreimage/c56d54d3827ecf50dac44654fb15c21d.jpg?imageview/0/w/222/h/122","name":"计划1","biaoyu":"标语1","week":"5","day":"5"},
              {"img_url":"https://w2.dwstatic.com/yy/ojiastoreimage/3dea6c54477abac09a87614761e7cbd4.jpg?imageview/0/w/222/h/122","name":"计划1","biaoyu":"标语1","week":"5","day":"5"},
              {"img_url":"https://w2.dwstatic.com/yy/ojiastoreimage/b3c787f7b6ad60524a90e03df452c47a.jpg?imageview/0/w/222/h/122","name":"计划1","biaoyu":"标语1","week":"5","day":"5"},
              {"img_url":"https://w2.dwstatic.com/yy/ojiastoreimage/b3c787f7b6ad60524a90e03df452c47a.jpg?imageview/0/w/222/h/122","name":"计划1","biaoyu":"标语1","week":"5","day":"5"},
              {"img_url":"https://w2.dwstatic.com/yy/ojiastoreimage/b3c787f7b6ad60524a90e03df452c47a.jpg?imageview/0/w/222/h/122","name":"计划1","biaoyu":"标语1","week":"5","day":"5"}],

          }
      },components:{"planshow-main":PlanShow}
    }
</script>

<style scoped>
  .mi-container{
    width: 100%;
    margin-left: 100px;
  }
  #mi{
    position: relative;
    background: white;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: 590px;
    font-size: 25px;
    margin-bottom: 1px;
  }
  .planshow-container{
    width: 100%;
    margin-left: 100px;
  }

</style>
